<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style>
        *{
            margin: 0;
            padding: 0;
           
        }
        body{
            background-color: rgb(235, 239, 241);
        }
        .box{
            width: 270px;
            margin: 10px;
            background-color: rgb(243, 237, 237);
        }
        ul{
            border-bottom: 1px dashed black;
            padding: 0px  20px;
            list-style-type: none;
           
        }
        ul h6:nth-child(1){
            font-size: 15px;
            padding: 0 30px;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url(./img/icon_01.gif);
        }
        ul li:last-child{
            border-bottom: none;
        }
        li{
           
            padding: 10px  10px 10px 30px;
        }
        h4{
            font-size: 20px;
            line-height: 40px;
            padding: 0 20px;
            color: rgb(255, 254, 254);
            background-color: rgb(15, 15, 15);
        }
        a{
            text-decoration: none;
            color: #000;
        }
        a:hover{
            color: rgb(143, 56, 56);
        }
    </style>
</head>
<body>
    <div class="box">
        <h4>全部分类</h4>
        <ul>
            <h6>护肤</h6>
            <li><a href="">洁面 化妆水 喷雾 美容液 眼霜</a></li>
            <li><a href="">眼部精华 眼膜 面膜 面膜贴</a></li>
            <li><a href="">水洗面膜 免洗面膜 精华 精油</a></li>
            <li><a href=""> 凝露 乳液 面霜 日霜 晚霜 </a></li>
           
        </ul>
        <ul>
            <h6>彩妆</h6>
            <li><a href="">卸妆 防晒 隔离 BB霜 粉底 粉饼</a></li>
            <li><a href="">睫毛膏 眼影 唇彩 腮红 眼线笔</a></li>
            <li><a href="">底妆 遮瑕 蜜粉 眉笔 美甲</a></li>
        </ul>
        <ul>
            <h6>香氛</h6>
            <li><a href="">男香 女香 小Q装 中性香水</a></li>
       
        </ul>
        <ul><h6>身体护理</h6>
            <li><a href="">洗发 护发 沐浴 身体乳 手足护理</a></li>
            <li><a href="">护手霜 纤体 身体精油 颈部护理</a></li>
            <li><a href="">个人护理 卫生用品 脱毛 </a></li>
        </ul>
        <ul>
            <h6>礼盒套装</h6>
            <li><a href="">护肤套装 身体护理套装 彩妆套装 </a></li>
            <li><a href="">旅行装 香水套装 男士套装 </a></li>
        
        </ul>
        <ul>
            <h6>美容工具</h6>
            <li><a href="">护肤 彩妆 美发 美体 美甲 </a></li>
            <li><a href="">美容仪器 其他美容工具 </a></li>
           
        </ul>
        <ul><h6>母婴专区</h6>
            <li><a href="">奶粉 尿裤湿巾 母婴洗护 </a></li>
            
        </ul>
        <ul><h6>
            男士专区
        </h6>
            <li><a href="">洁面 爽肤水 面霜  男香</a></li>
            <li><a href="">眼霜 凝胶 乳液 精华 沐浴 </a></li>
            
        </ul>
        <ul>
            <h6>食品保健</h6>
            <li><a href="">瘦身类 保健类 美容类 食品类 </a></li>
       
        </ul>



    </div>
</body>
</html>